import React from 'react';
import ReactDOM from 'react-dom';
import './index.css'; //导入css文件


// （1）
let time = new Date().toLocaleTimeString()
let str = '当前时间是: '

let element = (
    <div>
        <h1>
            hello helinyu
        </h1>
        <h2>
            {str+time}
        </h2>
    </div>
);

// （2） 三目运算符完全支持
let man = "发ss热";
let sleep = (
    <div>
        <span>很这趟</span>
        <span>很这趟</span>
    </div>
)
let elemennt2 = (
    <div>
        <h1>
            今天是否隔离
        </h1>
        <h2>
            {man=="发热"?<button>隔离</button>: sleep}
        </h2>
    </div>
)


let color = 'redbg'
let logo = 'https://www.baidu.com/img/bd_logo1.png'
let element5 = (
    <div class={color}> 
    <img src={logo}></img>
     现在class也可以了，但是推荐使用className
     因为class在js中是关键字x
    
     红色背景颜色
    </div>
)


//写jsx表达式
ReactDOM.render(
    element5, document.getElementById('root')
);